Hello and welcome.
In this video we are going to create a directory for the project and also the hastier Mel.
I'm going to create a directory on my desktop maiah right clicking on the desktop and go into a new
folder and call it high converter
so you can call yours anything you like.
I just want to change that to lower case.
I'll call it high it can move.
So the projects they're creating sort it next thing want to do is create the hastier mail file.
So I'm using sublime text has my editor.
So I'm just can save this file as an eight year old file coincided directory.
We just created So our go to a file an hour to save as had it opens up inside the directory.
I'm just going to give it a name.
I'm going to call it hey convert are hey standing for it.
So of course we try to convert out host to help.
So I've abbreviated the.
Just we just the first letter we conceive.
So you can see on the bottom right is go to air mail so you can see the name.
Also called here converter dot.
It's TMI.
So any team of content out here will be treated as his team.
So the tumults tanks I've already pre stage.
I'm just going at them one explain.
Line by line.
So I have had the hastier male code I'm just kind of run through it line by line.
Line one here is what it's called the doctype.
So here's a first.
Tag who plays hastier mail file.
Basically is actually part of the hastier million document.
It's declaration to notify web browsers that the content of the document is in hastier 5 so the actual
email content is from line 2 to line 20 feet.
So the beginning has to email and line too.
And we've got the head tag which is on line 3 2 7 inside a tag line for We've got the title of the document
which is called How to convert line 5.
I've got a link to an external style sheet.
How will we be using for the converter tool.
I have called the stylesheet cordy's here compared to doxies says I have not created it yet.
When I do it will be called a converter csx.
So these are just the attribute related to the link.
So the reality is clean means it's a style sheet type text I see says Hey Trev physically means the
location to pick up this tool shed from.
Since we have in all our files in the same direction.
All I need to do is just indicate the name of the father.
So this will be the name of a file when I create it later.
Here is the closing tank for the head section.
The body tag begins on line 9 and end on line 27.
The actual visible content for the application had a projet is actually within the body tax line 11.
I have created a deep here and given it and I actually put off container.
So basically I am wrapping the content inside a deep a deep physically section within a web page.
So if your section in love is set in here is known as a D.
So this is the issue for.
An insider.
I've got an Hey one element.
So this element basically formed the title for the Deve container for the actual content inside it.
So I'm going to give you the title code height converter here inkwells discount like a police label.
This is it.
Next now we just say feet and then next to it will be this put here to have an input tag where you actually
will input the value in it and the type is a text.
I've given it an I value all feet and got a great tag here which means it'll give you give us space
before he makes this break.
Basically acts like a paragraph here on May 15.
Got another label called inches.
And after that I have an import type.
This is where you put the value in inches.
And again is the type of input is going to be text.
The idea is to be inches.
That is I've use teicher.
I could have used.
No but you know it does really matter how you use Tex saw the value of the 80s increase again and get
a break tackier after the attack and are put under type is going to be a submit button.
Okay.
Inside there I am giving it an idea of Submit the value of the text is see.
Convert to centimetre and I've got a break here.
Just create some space in here on line 19.
D is the value of result.
This is where the part of the calculation.
Once the conversion has been made from the sheet and inches into a centimetre it will be displayed inside
is TV here and then 22.
This is the close line 25 is a reference to the external javascript.
I will be using sro as he busily stands for source which means we am get in the files from because the
file is going to be located in the same territory as the Haitians here mounseer says.
All I need to do is keep the name.
I'm going to call it.
Convert.
Has.
I have not created a yet.
Or when I do quit the javascript file and call it a converter.
Yes and this is a close in script and that's a close embodied tag online 27 28 is a closing hastier
mail tack.
I'm just going to save this document we save all and we can quickly run it and see what it looks like.
So open up the directory here and just double click on the hitch converter.
Go ahead to email far and we can see what happens here.
So this is basically the hit on title tag.
The feet into is that these sub but.
So we're going to use he says to make it look a bit more presentable in the next leg chair so that's
it.
Thanks for watching.
Bye for now.